<div style="text-align:left;padding:10px;font-size:small">
  <form novalidate action="." method="get" style="display:inline-block;">
    <span class="form_hint">From: </span> {{ form.start }}
    <span class="form_hint">To: </span> {{ form.stop }}
    <span class="form_hint">Page # </span> {{ form.current_batch }} / {{ num_batches }}
    <span class="form_hint">of</span>
    {{ total_results }}
    <span class="form_hint">items</span>
    |
    <span class="form_hint">Max on page: </span> {{ form.batch_size }}
    <button id="show_instance_list" name="show_instance_list" type="submit">Show</button>
  </form>

  |
  {% if has_previous %}
    {% include "zato/pattern/delivery/prev-page.html" %}
  {% else %}
    <span style="color:#666;font-size:12px">Previous</span>
  {% endif %}

  {% if has_next %}
    {% include "zato/pattern/delivery/next-page.html" %}
  {% else %}
    <span style="color:#666;font-size:12px">Next</span>
  {% endif %}

  <hr/>
  <div style="text-align:right">
  <span style="color:#666;font-size:12px">On this page:</span>
  {% if req.zato.args.state == 'in-doubt' %}<a href="javascript:$.fn.zato.pattern.delivery.resubmit_all('{{ cluster_id }}')">resubmit all</a>
  |{% endif %}
  <a href="javascript:$.fn.zato.pattern.delivery.delete_all('{{ cluster_id }}')">delete all</a>
  </div>
</div>
